<template>
  <w-content-box
    :class-model="classModel"
    :options="searchOptions">
    <template v-slot="scope">
      <el-row :gutter="20">
        <el-col :span="8">
          <span class="log-text">{{ scope.item.reqType }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.reqUrl }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.dateStr }}</span>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <span class="log-text">{{ scope.item.size }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.statusCode }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.timeLength }}</span>
        </el-col>
      </el-row>
    </template>
  </w-content-box>
</template>

<script>
  import LogServerProcessModel from '@/models/logs/LogServerProcessModel'
  import WContentBox from '../../com/contentBox'

  export default {
    name: "PCAdminLogsServerProcess",
    components: {
      WContentBox
    },
    data() {
      return {
        /**
         * 列表加载模型
         */
        classModel: LogServerProcessModel,
        searchOptions: [
          {
            title: '请求类型',
            key: 'reqType'
          }, {
            title: '请求地址',
            key: 'reqUrl'
          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>
